<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>商务九州|首页</title>
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/side.css">
  <link rel="stylesheet" href="css/main-top.css">
  <link rel="stylesheet" href="css/product.css">
  <style></style>
</head>
<body>
  <div id="wrap">
    <div id="main-top">
      <div id="header"></div>
      <!-- 导航栏开始 -->
      <div id="nav">
        <div class="nav-left"></div>
        <div class="nav-right">
          <ul>
            <li>
              <a href="index.html">首页</a>
            </li>
            <li>
              <a href="#">电脑城</a>
            </li>
            <li>
              <a href="#">通讯城</a>
            </li>
            <li>
              <a href="#">数码港</a>
            </li>
            <li>
              <a href="#">女人街</a>
            </li>
            <li>
              <a href="#">家居城</a>
            </li>
            <li>
              <a href="#">汽车城</a>
            </li>
            <li>
              <a href="#">影视区</a>
            </li>
          </ul>
        </div>
      </div>
      <!-- 导航栏结束 --> </div>
    <div class="line"></div>
    <div id="main">
      <!-- 边栏开始 -->
      <div id="side">
        <div id="side_mk1"></div>
        <div id="side_mk2">
          <form name="login" action="#" method="post">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="80">用户名：</td>
                <td>
                  <label for="name"></label>
                  <input name="name" type="text" id="name" size="12" />
                </td>
              </tr>
              <tr>
                <td>密　码：</td>
                <td>
                  <label for="password"></label>
                  <input name="password" type="text" id="password" size="12" />
                </td>
              </tr>
              <tr>
                <td align="center">
                  <img src="css/img/enter.gif" width="50" height="22" />
                </td>
                <td align="center">
                  <a href="reg.html">
                    <img src="css/img/atint.gif" width="50" height="22" />
                  </a>
                </td>
              </tr>
              <tr>
                <td colspan="2" align="center">
                  <img src="css/img/topic_l.gif" width="18" height="12" />
                  请按
                  <a href="#">这里</a>
                  取回密码
                </td>
              </tr>
            </table>
          </form>
        </div>
        <div id="side_mk3"></div>
        <div class="clear">
          <ul>
            <li class="title">【电脑城】</li>
            <li class="detail">
              <a href="note.html">笔记本</a>
            </li>
            <li class="detail">
              <a href="#">台式机</a>
            </li>
            <li class="detail">
              <a href="#">二手电脑</a>
            </li>
            <li class="detail">
              <a href="#">DIY区</a>
            </li>
            <li class="detail">
              <a href="#">配件</a>
            </li>
            <li class="detail">
              <a href="#">掌上电脑</a>
            </li>
          </ul>
        </div>
        <div class="clear">
          <ul>
            <li class="title">【通讯城】</li>
            <li class="detail">
              <a href="phone.html">GSM手机</a>
            </li>
            <li class="detail">CDMA手机</li>
            <li class="detail">对讲机</li>
            <li class="detail">小灵通</li>
          </ul>
        </div>
        <div class="clear">
          <ul>
            <li class="title">【数码港 】</li>
            <li class="detail">随身视听</li>
            <li class="detail">数码相机</li>
            <li class="detail">数码摄像机</li>
            <li class="detail">图形冲印</li>
          </ul>
        </div>
        <div class="clear">
          <ul>
            <li class="title">【 女人街 】</li>
            <li class="detail">香  水</li>
            <li class="detail">彩  妆</li>
            <li class="detail">美  体</li>
            <li class="detail">护  肤</li>
            <li class="detail">眼线液</li>
            <li class="detail">指甲油</li>
          </ul>
        </div>
        <div class="clear">
          <ul>
            <li class="title">【 其   它 】</li>
            <li class="detail">家  居</li>
            <li class="detail">汽  车</li>
            <li class="detail">影  视</li>
            <li class="detail">玩  具</li>
          </ul>
        </div>

      </div>
      <!-- 边栏结束 -->

      <!-- 产品开始 -->
      <div id="master">

        <div class="left" id="mk1">
          <form id="form2" name="form2" method="post" action="">
            <img src="img/aj_ss01.gif" width="55" height="20" border="0" align="absmiddle" />
            <label for="textfield"></label>
            <input name="textfield" type="text" id="textfield" size="12" />
            <label for="select"></label>
            <select name="select" id="select">
              <option>所有类别</option>
            </select>
            <input type="submit" name="button" id="button" value="搜索" />
          </form>
        </div>
        <div class="right" id="mk2">
          欢迎来到商务九州网,商务九州网是商务九州电子商务有限公司创建的专业网站。公司主要以销售各种商品为主，产品均来自各大正规厂商，全部为正品，质量可靠有保证，欢迎各界朋友咨询购买。
        </div>
        <div class="left" id="all-product">
          <div class="left product">
            <img src="img/samsung_d728.jpg" width="80" height="90"  />
            <ul class="right">
              <li>
                <a href="#">三星D728</a>
              </li>
              <li>
                <a href="#">【特价信息】</a>
              </li>
              <li>
                <a href="#">【详细资料】</a>
              </li>
            </ul>
          </div>
          <div class="right product">
            <img src="img/philips_760.gif" width="80" height="90"  />
            <ul class="right">
              <li>
                <a href="#">菲利普</a>
              </li>
              <li>
                <a href="#">【特价信息】</a>
              </li>
              <li>
                <a href="#">【详细资料】</a>
              </li>
            </ul>
          </div>
          <div class="left product">
            <img src="img/noika_6125.gif" width="80" height="90"  />
            <ul class="right">
              <li>
                <a href="#">NOKIA6125</a>
              </li>
              <li>
                <a href="#">【特价信息】</a>
              </li>
              <li>
                <a href="#">【详细资料】</a>
              </li>
            </ul>
          </div>
          <div class="right product">
            <img src="img/moto_e1070.gif" width="80" height="90"  />
            <ul class="right">
              <li>
                <a href="#">MOTO E1070</a>
              </li>
              <li>
                <a href="#">【特价信息】</a>
              </li>
              <li>
                <a href="#">【详细资料】</a>
              </li>
            </ul>
          </div>
          <div class="left product">
            <img src="img/asus_a6ja.gif" width="80" height="90"  />
            <ul class="right">
              <li>
                <a href="#">华硕A6</a>
              </li>
              <li>
                <a href="#">【特价信息】</a>
              </li>
              <li>
                <a href="#">【详细资料】</a>
              </li>
            </ul>
          </div>
          <div class="right product">
            <img src="img/sansung_x05.gif" width="80" height="90"  />
            <ul class="right">
              <li>
                <a href="#">三星X05</a>
              </li>
              <li>
                <a href="#">【特价信息】</a>
              </li>
              <li>
                <a href="#">【详细资料】</a>
              </li>
            </ul>
          </div>
          <div class="left product">
            <img src="img/魅族 ME(512M).gif" width="80" height="90"  />
            <ul class="right">
              <li>
                <a href="#">魅族ME（512M）</a>
              </li>
              <li>
                <a href="#">【特价信息】</a>
              </li>
              <li>
                <a href="#">【详细资料】</a>
              </li>
            </ul>
          </div>
          <div class="right product">
            <img src="img/明基 Joybee P205(256M).gif" width="80" height="90"  />
            <ul class="left">
              <li>
                <a href="#">明基 P205</a>
              </li>
              <li>
                <a href="#">【特价信息】</a>
              </li>
              <li>
                <a href="#">【详细资料】</a>
              </li>
            </ul>
          </div>
          <div class="left product">
            <img src="img/魅族 X2(512M).gif" width="80" height="90"  />
            <ul class="right">
              <li>
                <a href="#">魅族X2（512M）</a>
              </li>
              <li>
                <a href="#">【特价信息】</a>
              </li>
              <li>
                <a href="#">【详细资料】</a>
              </li>
            </ul>
          </div>
          <div class="right product">
            <img src="img/sharp_v903sh.gif" width="80" height="90"  />
            <ul class="right">
              <li>
                <a href="#">夏普V930SH</a>
              </li>
              <li>
                <a href="#">【特价信息】</a>
              </li>
              <li>
                <a href="#">【详细资料】</a>
              </li>
            </ul>
          </div>
          <div class="right" >
            <a href="#">更多&gt;&gt;</a>
          </div>
        </div>
        <div class="right product-right">
          <ul>
            <li>
              <a href="#">&middot;NOKIA N70</a>
            </li>
            <li>
              <a href="#">&middot;三星D608</a>
            </li>
            <li>
              <a href="#">&middot;索爱W900C</a>
            </li>
            <li>
              <a href="#">&middot;联想笔记本天逸系列</a>
            </li>
            <li>
              <a href="#">&middot;ACER笔记本新品</a>
            </li>
            <li>
              <a href="#">&middot;索尼笔记本新品</a>
            </li>
            <li>
              <a href="#">&middot;香奈儿</a>
            </li>
            <li>
              <a href="#">&middot;SK2套装</a>
            </li>
            <li>
              <a href="#">&middot;雅芳新品</a>
            </li>
            <li>
              <a href="#">&middot;水晶吊灯</a>
            </li>
            <li>
              <a href="#">&middot;华晨汽车新上市</a>
            </li>
            <li>
              <a href="#">&middot;最新美国大片《金刚》</a>
            </li>
          </ul>
        </div>
        <div class="right product-right">
          <ul>
            <li>
              <a href="#">· NOKIA 7610</a>
            </li>
            <li>
              <a href="#">· 华硕A6</a>
            </li>
            <li>
              <a href="#">· MOTO V3i</a>
            </li>
            <li>
              <a href="#">· 三星 X609</a>
            </li>
            <li>
              <a href="#">· 雅芳彩妆系列</a>
            </li>
            <li>
              <a href="#">· 索爱 W550C</a>
            </li>
            <li>
              <a href="#">· 中恒MP3</a>
            </li>
            <li>
              <a href="#">· 索芙特瘦身套装</a>
            </li>
            <li>
              <a href="#">· 一汽大众宝来1.8T</a>
            </li>
            <li>
              <a href="#">· 无极</a>
            </li>
            <li>
              <a href="#">· DELL 1110M</a>
            </li>
          </ul>
        </div>
      </div>

    </div>
    <!-- 产品结束 -->
   <div class="left" id="footer">
      <ul>
        <li>
          <a href="#">关于我们</a>
          <a href="#">顾客投诉</a>
          <a href="#">付款方法</a>
          <a href="#">配送说明</a>
          <a href="#">购物指南</a>
          <a href="#">客户支持</a>
        </li>
        <li>
          ©Copyright 2005-2006 www.jiuzhoushangwu.com.cn All Rights Reserve.
        </li>
        <li>
          版权所有
          <a href="#">商务九州</a>
          复制必究
        </li>
      </ul>
    </div>

   
  </div>

</body>
</html>